<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<%@page contentType="text/html;charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<form:input path="id" type="hidden" />
<form:input path="ano" type="hidden" />
<form:input path="mes" type="hidden" />
<form:input path="contrato.id" type="hidden" />

<input name="idsValoresEventoRemover" type="hidden"
	value="${idsValoresEventoRemover}" />
<input name="idValorEventoRemover" id="input-idvaloreventoremover"
	type="hidden" value="0" />
<input name="idEventoRemover" id="input-idEventoRemover" type="hidden"
	value="0" />

<c:forEach items="${valoresEventoTemporarios}" var="valorEvento"
	varStatus="status">
	<input name="valoresEvento[${status.index}].valor"
		value="${valorEvento.valor}" type="hidden" />
	<input name="valoresEvento[${status.index}].evento.id"
		value="${valorEvento.evento.id}" type="hidden" />
</c:forEach>

<div class="form-group">
	<div class="col-lg-offset-2 col-lg-10 alert alert-danger"
		id="painelErro">
		<span><strong>Erro:</strong><span id="camposObrigatorios"></span>
		</span>
	</div>
</div>
<div class="form-group">
	<label for="inputPeriodo" class="col-lg-2 control-label">Período</label>
	<div class="col-lg-3">
		<form:input path="periodo" class="form-control" id="inputPeriodo" />
	</div>

	<label for="inputNome" class="col-lg-2 control-label">Nome do
		servidor</label>
	<div class="col-lg-3">
		<form:input path="contrato.pessoa.nome" class="form-control"
			id="inputNome" />
	</div>
</div>

<div class="form-group">
	<label for="inputMatricula" class="col-lg-2 control-label">Matrícula</label>
	<div class="col-lg-3">
		<form:input path="contrato.matricula" class="form-control"
			id="inputMatricula" />
	</div>
	<label for="inputSalarioBase" class="col-lg-2 control-label">Salário
		Base</label>
	<div class="col-lg-3">
		<form:input path="contrato.nivel.valor" id="inputSalarioBase"
			class="form-control" maxlength="15" />
	</div>


</div>
<div class="form-group">
	<label for="inputEvento" class="col-lg-2 control-label">Evento</label>
	<div class="col-lg-3">
		<select id="inputEvento" class="form-control" name="idEvento">
			<option value="0">Selecione</option>
			<c:forEach var="evento" items="${eventos}">
				<option value="${evento.id}">${evento.codigo} -
					${evento.descricao} - ${evento.tipoEventoEnum.descricao}</option>
			</c:forEach>
		</select>
	</div>

</div>
<div class="form-group">
	<label for="inputValorEvento" class="col-lg-2 control-label">Valor
		Evento</label>
	<div class="col-lg-3">
		<input type="text" class="form-control" id="inputValorEvento"
			maxlength="15" name="valorEvento" />
	</div>
	<label class="col-lg-1 control-label"></label>
	<div class="col-lg-4">
		<c:if test="${!movimentacao.folha.fechada}">
			<a href="#" id="btn-add-evento" class="btn btn-primary">Adicionar
				Evento</a>
			<a href="#" id="btn-salvar" class="btn btn-success">Salvar
				Movimentação</a>
		</c:if>
	</div>
</div>

<div class="form-group">
	<table class="table table-bordered table-striped">
		<thead>
			<tr>
				<th width="8%">Código</th>
				<th width="40%">Descrição</th>
				<th width="21%">Proventos</th>
				<th width="21%">Descontos</th>
				<th>Ações</th>
			</tr>
		</thead>
		<tbody>
			<c:forEach var="valoresEvento" items="${valoresEventos}">
				<tr>
					<td>${valoresEvento.evento.codigo}</td>
					<td>${valoresEvento.evento.descricao}</td>
					<c:if test="${!valoresEvento.evento.desconto}">
						<td>${valoresEvento.valorFormatado}</td>
						<td></td>
					</c:if>
					<c:if test="${valoresEvento.evento.desconto}">
						<td></td>
						<td>${valoresEvento.valorFormatado}</td>
					</c:if>


					<td><c:if test="${!movimentacao.folha.fechada}">
							<a href="#" title="Excluir"
								id="${valoresEvento.id};${valoresEvento.evento.id}"
								class="linkRemover"> <span
								class="glyphicon glyphicon-remove"></span>
							</a>
						</c:if></td>
				</tr>
			</c:forEach>
		</tbody>
	</table>

	<table class="table table-bordered table-striped">
		<thead>
			<tr>
				<th width="17%">Proventos</th>
				<th width="17%">INSS</th>
				<th width="17%">FGTS</th>
				<th width="17%">IRRF</th>
				<th width="17%">Sal. Família</th>
				<th width="17%">Descontos</th>
				<th width="17%">Líquido</th>
			</tr>
		</thead>
		<tbody>
			<tr>
				<td id="totalProventos">${movimentacao.proventosFormatado}</td>
				<td id="totalInss">${movimentacao.inssFormatado}</td>
				<td id="totalFgts">${movimentacao.fgtsFormatado}</td>
				<td id="totalIrrf">${movimentacao.irrfFormatado}</td>
				<td id="totalSalarioFamilia">${movimentacao.salarioFamiliaFormatado}</td>
				<td id="totalDescontos">${movimentacao.descontosFormatado}</td>
				<td id="totalLiquido">${movimentacao.liquidoFormatado}</td>
			</tr>
		</tbody>
	</table>
</div>
